iT邦幫忙

2021 iThome 鐵人賽

DAY 26
0
自我挑戰組

Flutter系列 第 26

Flutter基礎介紹與實作-Day26 旅遊筆記的實作(7)

  • 分享至 

  • xImage
  •  

到昨天為止我們終於把美食的部分都做完了,再來要做的是美景的部分,其實做法跟前面的都差不多,我這邊就會講得比較快喔!
經過這幾天的辛苦做完整個版型,所以我決定今天來一點輕鬆的,我們今天就只講隱藏選單的美景選項點進去的畫面,我把它命名為View_district
老規矩一樣先來建立資料夾
lib/scareens/view_district/view_district_screen.dart
lib/scareens/view_district/components/view_district_body.dart
建立好了之後來看程式碼吧!
view_district_screen.dart
https://ithelp.ithome.com.tw/upload/images/20211010/201410323iWFeDQB6w.jpg

view_district_body.dart
https://ithelp.ithome.com.tw/upload/images/20211010/20141032cr5ljpR46F.jpg

大家有沒有發現有沒有什麼地方不一樣啊!沒錯我把按鈕的樣式改了,至於怎麼改大家都參考前後的程式碼,就會有所發現喔!改的方法很簡單大家不用緊張
改完一樣要把連結串上喔!不然App一樣動不了
成果如下
https://ithelp.ithome.com.tw/upload/images/20211010/20141032f7qITXECkj.jpg

完整程式碼


今日總結
再來這幾天都是跟之前相似的做法,大家都可以自己試做看看喔!


上一篇
Flutter基礎介紹與實作-Day25 旅遊筆記的實作(6)
下一篇
Flutter基礎介紹與實作-Day27 旅遊筆記的實作(8)
系列文
Flutter30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言